<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets">
    
    <h:head>
        <title>Add Teacher</title>
    </h:head>
    <f:view>
<h:body>
<ui:composition	template="../includes/template.xhtml">
      <ui:define name="mainbody">
          <center>
                    <h:form>

                   

                            <p:spacer height="5"/>

                            <p:panel header="Add Teacher  : Job Information" style="min-height: 550px">
                            <center>
                             
<h:form id="form">

    <h3>Pojo Support with Bounce Effect, Captions, Custom Content and Reorder Controls</h3>
    <p:pickList id="pojoPickList"  value="#{pickListBean.courses}"
                    var="player" iconOnly="true" effect="bounce"
                    itemValue="#{player}" converter="courseConverter"
                    showSourceControls="true" showTargetControls="true">
        <f:facet name="sourceCaption">Available Courses</f:facet>
        <f:facet name="targetCaption">Assigned Courses</f:facet>

        <p:column>
           #{player.title}
        </p:column>

    </p:pickList>

    <p:commandButton id="pojoSubmit" value="Submit" update="displayPlayers" oncomplete="playerDialog.show()" ajax="false" action="#{pickListBean.performAction}"/>

</h:form>
                    
                            </center>
                        </p:panel>
                    </h:form>
            </center>
           </ui:define>
          </ui:composition>
       </h:body>
    </f:view>
</html>
